import { Card, Col, Row } from "antd";
import React, { Fragment } from "react";
import StackedLineChart from "../../echarts/StackedLineChart";
import './index.scss'

const BlockPanel = () => {
    return (
        <Fragment>
            <Col lg={18} md={24} style={{ marginTop: '2px' }}>
                <Card
                    bodyStyle={{
                        padding: '24px 36px 24px 0',
                    }}>
                    <div style={{ height: '370px', width: '100%' }}>
                        <StackedLineChart />
                    </div>

                </Card>
            </Col>
            <Col lg={6} md={24} style={{ marginTop: '2px' }}>
                <Row gutter={24}>
                    <Col lg={24} md={12}>
                        <Card className="weather card-right card-right-content">
                            这个地方用来放东西，待定......

                            {/*<RadarChart/>*/}
                        </Card>
                    </Col>
                    <Col lg={24} md={12} style={{ marginTop: '4px' }}>
                        <Card className="card-right quote card-right-content">

                            这个地方待定存放
                        </Card>
                    </Col>

                </Row>
            </Col>


        </Fragment>
    );
}

export default BlockPanel;